import React from 'react';
import { connect } from 'react-redux';
import { ruleAlert } from '../../../constants/alertMenuConfig';
import TabChange from './../../TabChange';
import './index.scss';

class RuleTab extends React.PureComponent {
  render() {
    return (
      <div className="alert-rule-page">
        <div>
          <TabChange configTab={ruleAlert} />
        </div>
        { this.props.children }
      </div>
    );
  }
}

function mapStateToProps(state) {
  return {
    ...state.routing
  };
}

export default connect(mapStateToProps)(RuleTab);
